<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/shopcart.css" />
		<script src="../libs/requirejs/require.js" data-main="/js/shopcart"></script>
	</head>
	<body>
		<div class="zgc"></div>
		<header></header>
		<section>
			<div class="content">
				<div class="order-list">
					<div class="lc">
						<div class="step1">我的购物车</div>
						<div class="step2">填写核对订单信息</div>
						<div class="step3">成功提交订单</div>
					</div>
				</div>
				<div class="splist">
					<div class="sphead">
						<i></i>
						<span>我的购物车</span>
					</div>
					<div class="orderlist">
						<span class="nothing">你的购物车空空如也</span>
						<table class="gwcorderlist">
							<thead>
								<tr>
									<th><label><input type="checkbox" class="chk_all">全选</label></th>
									<th>商品编号</th>
									<th>图片</th>
									<th class="col-md-4">标题</th>
									<th>价格</th>
									<th>数量</th>
									<th>小计</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody class="cart-body">

							</tbody>
							<tfoot>
								<tr>
									<td>金额小计</td>
									<td colspan="7" class="total-price">￥00.00</td>
								</tr>
							</tfoot>
						</table>
					</div>
					<div class="shopororder">
						<div class="goshop"><a href="../html/list.html">继续购物</a></div>
						<div class="goorder"><a href="#">下单结算</a></div>
					</div>
				</div>
			</div>
			<div class="wxg">
				<span>您还未选购商品</span>
				<div class="qd">确定</div>
			</div>
		</section>
		<footer></footer>
		<script type="text/html" id="initlist">
			{{each cart aa}}
			<tr data-id = "{{aa.id}}">
				<td><input type="checkbox" class="thecheckbox"></td>
				<td>{{aa.id}}</td>
				<td><img src="{{aa.img}}"></td>
				<td>{{aa.title}}</td>
				<td>￥{{aa.price}}</td>
				<td>
					<div class="input-group">
					  <span class="decrement">-</span>
					  <input type="text" class="prod-amount" value="{{aa.amount}}">
					  <span class="increment">+</span>
					</div>
				</td>
				<td class="sub">￥{{(aa.price*aa.amount).toFixed(2)}}</td>
				<td><a href="javascript:void(0);" class="del"></a></td>
			</tr>
			{{/each}}
		</script>
	</body>
</html>
